<!--分类 -->
<div th:fragment="classify">

    <li>
        <a href="https://www.hasbei.com/zx/5" target="_self">美白</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/1" target="_self">矫正</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/10" target="_self">种植牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/3" target="_self">溃疡</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/2" target="_self">牙疼</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/6" target="_self">拔牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/8" target="_self">龋齿</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/12" target="_self">洗牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/9" target="_self">补牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/4" target="_self">牙周炎</a>
    </li>


    <li class="tab-more-list">
        <a href="javascript:;" target="_self">
            <span>更多</span>
            <img class="arrow-bottom" src="../static/image/arrow-bttom.png" alt="有贝口腔网">
        </a>
        <div>
            <ul>
                <li>
                    <a href="https://www.hasbei.com/zx/11" target="_self">龅牙</a>
                </li>
                <li>
                    <a href="https://www.hasbei.com/zx/13" target="_self">综合口腔</a>
                </li>
            </ul>
        </div>
    </li>
</div>

<!--加载-->
<div th:fragment="load">
    <div class="more-content">
        <div class="load-more" style="display:none;">
            <img src="../../static/image/load-more.gif" alt="有贝口腔网">
            <span>加载中</span>
        </div>
        <div id="load" class="load-more-two load-more-fade" onclick="load()">点击加载更多</div>
        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
    </div>
</div>

<!--文章数据-->
<div th:fragment="recommend">
    <div class="wonderful-list">
        <div class="wonderful-item" th:each="obj:${rec}" >
            <a th:href="@{'/detail/'+${obj.number}}">
                <div class="wonderful-item-img"><img src="../../static/image/731bc6b04f504c458b5d6e4137c87afe.png" th:attr="alt=${obj.title}"></div>
                <div th:text="${obj.title}" class="wonderful-item-text"></div>
            </a>
        </div>
    </div>
</div>

<!-- 文章数据-->
<div th:fragment="looks">
    <div th:each="rank:${ranking}">
        <a th:href="@{'/detail/'+${rank.number}}">
            <div class="wonderful-item-style">
                <div class="wonderful-item-icon"><span></span></div>
                <div th:text="${rank.title}" class="wonderful-text"></div>
            </div>
        </a>
    </div>
</div>

<div th:fragment="aside">

    <div class="main-publish">
        <a href="https://www.hasbei.com/about/link" target="_blank">
            <img src="../../static/image/ad-c.png" alt="有贝口腔网诊所">
        </a>
    </div>
    <div class="main-publish">
        <a href="https://www.hasbei.com/about/link" target="_blank">
            <img src="../../static/image/ad-d.png" alt="有贝口腔网厂家">
        </a>
    </div>
    <div class="main-publish">
        <a href="javascript:;" target="_self" onclick="showPlanFun()">
            <img src="../../static/image/ad-e.png" alt="有贝口腔网在线看牙">
        </a>
    </div>
</div>

<div th:fragment="asideImage">
    <div class="main-publish">
        <a href="">
            <img src="../../static/image/ad-a.png" alt="有贝口腔网资讯">
        </a>
    </div>
    <div class="main-publish">
        <a href="">
            <img src="/static/image/ad-b.png" alt="有贝口腔网口腔问题">
        </a>
    </div>
</div>